import axios from 'axios'
import cookie from 'js-cookie'
import {MessageBox, Message} from 'element-ui'

// 创建axios实例
const service = axios.create({
  baseURL: `/dev-api/`, // api的base_url
  timeout: 20000 // 请求超时时间
})
// 第三步http request 拦截器
service.interceptors.request.use(
  config => {
    //判断cookie里面guli_token是否有值
    if (cookie.get('guli_token')) {
      //吧获取的token放在头部headers中
      config.headers['token'] = cookie.get('guli_token');
    }
    return config
  },
  err => {
    return Promise.reject(err);
  })
// 添加响应拦截器
service.interceptors.response.use(
  // 通过自定义代码判断请求状态, 这里只是一个例子
  response => {
    const res = response.data

    // 如果自定义代码不是20000，则判断为错误
    if (res.code !== 20000) {
      if (res.code === 5001) {  // 这个是支付时的正在支付状态，不进行任何处理

      } else {  // 不是支付状态的错误，就进行提示
        Message({
          message: res.message || 'Error',
          type: 'error',
          duration: 5 * 1000
        })
      }

      // 进一步判断错误码类型，50008：非法令牌； 50012：其他客户端登录； 50014：令牌过期；
      if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
        // to re-login
        MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
          confirmButtonText: 'Re-Login',
          cancelButtonText: 'Cancel',
          type: 'warning'
        }).then(() => {
          store.dispatch('user/resetToken').then(() => {
            location.reload()
          })
        })
      }
      return Promise.reject(new Error(res.message || 'Error'))
    } else {
      // 如果是成功的状态码，就交给程序自己处理
      return res
    }
  },
  // 如果是错误响应，也进行一些除了
  error => {
    // 用于调试
    console.log('err' + error)
    // 弹出提示框
    Message({
      message: error.message,
      type: 'error',
      duration: 5 * 1000
    })
    return Promise.reject(error)
  }
)
export default service
